<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册界面</title>
</head>
<body>
  <form action="#" method="post">
     <table cellpadding="10px" align="center">
        <caption><h3>用户注册</h3></caption>
        <tr>
            <td>    
                <fieldset>
                     <legend>身份验证-必填信息</legend>
                     <table>
                        
                            用户名: <input type="text" placeholder="请输入用户名" name="username" required="required"><br />
                            密码: <input type="password" placeholder="请输入密码" name="password" required="required"><br />
                            密码确认: <input type="password" placeholder="请确认密码" name="passwordConfirm" required="required"><br />
                     </table>
                </fieldset>
            </td>
        </tr>
        <tr>
            <td>
                 <fieldset>
                     <legend>身份信息-选填信息</legend>
                     所在城市: <input type="text" placeholder="请输入所在城市" name="city"><br />
                     工作单位: <input type="text" placeholder="请输入工作单位" name="company"><br />
                     家庭住址: <input type="text" placeholder="请输入家庭住址" name="address"><br />
                 </fieldset>
            </td>
        </tr>
        <tr>
            <td>
                 <fieldset>
                    <legend>其他个人信息</legend>
                       性别:
                           <select name="gender" >
                           <option value="boy" selected="selected">男孩</option>
                          <option value="girl" >女孩</option>
                          </select><br />

                       爱好: 
                            <input type="checkbox" name="hobby" value="music"> 音乐&nbsp;&nbsp;
                             <input type="checkbox" name="hobby" value="sport"> 体育&nbsp;&nbsp;
                             <input type="checkbox" name="hobby" value="computer" checked> 计算机<br />

                       喜欢的公司: 
                              <input type="radio" name="company" value="baidu"> 百度&nbsp;&nbsp;
                               <input type="radio" name="company" value="microsoft"> 微软中国&nbsp;&nbsp;
                               <input type="radio" name="company" value="google"> 谷歌中国<br />
                       个人简介: <br />
                               <textarea name="intro" cols="30" rows="5"></textarea><br />
                   </fieldset>
            </td>
        </tr>
        <tr>
            <td>
              <input type="submit" value="提交您的资料">
              <input type="reset" value="重新填写资料">
              <input type="button" value="无效按钮" disabled="disabled"><br />
            </td>
        </tr>
     </table>
    
  </form>
</body>
</html>